<%-- 
    Document   : index
    Created on : 11 mars 2013, 15:33:38
    Author     : TnP
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>MiagistShop - Tous nos produits par catégorie</title>
        <link rel="stylesheet" type="text/css" media="screen" href="jsp/css/css_main.css" />
        <script src="ajax//common_ajax.js" type="text/javascript"></script>
    </head>
    <body>

        <s:include value="homePage.jsp"/>


        <!-- Document --> 
        <div id="document2"> 

            <!-- Colonne 1 ListeCatégorie --> 
            <div id="colonne1"><br><br></div>
            
            <!-- Colonne 2 --> 
            <div id="colonne2"> 
                <br> <h2> Bienvenue sur MiagistShop </h2>
                <br><br><br>

                <s:if test="%{listProduitByCategoriePresentation.size()>0}"> 
                    <div style="text-align: left; font-weight: bold;"><s:property value="%{listProduitByCategoriePresentation.size()}"/> produits de type "<s:property value="%{categorieProduit}"/>" </div> <br><br>
                    <b>Prix converti:</b> <div id='page'></div> 
                    <s:iterator value="listProduitByCategoriePresentation">
                        <table style="border: solid 1px black; width: 700px">
                            <tr>
                                <td style="width: 150px; ">
                                    <img style="width: 100px;height: 150px;" src="<s:property value="%{imageProduit}"/>">
                                </td>
                                <td style="width: 500%; border: solid 1px black"> 
                                    <s:form action="ficheProduit">        
                                        <s:hidden name="referenceProduit" value="%{reference_produit}"/>
                                        <s:submit value="%{nom_produit}" cssStyle="margin : auto;"/>
                                    </s:form>
                                    <s:property value="%{prix_produit}"/> € 
                                    <table>
                                        <tr>
                                            <td>
                                                <s:select label="Devise" headerKey="-1" headerValue="Choisissez votre devise" list="%{listCurrencySymbols}" name="choixCurrencySymbol" onchange="ajaxFunction(%{prix_produit},this.value);"/>
                                            </td>
                                        </tr>
                                    </table>


                                </td>
                            </tr>
                        </table>
                    </s:iterator>
                </s:if>
                <s:else>
                    Aucune produit n'est disponible
                </s:else>



                <br><br><br>


            </div>  



            <!-- Colonne 3 --> 
            <s:include value="recherche.jsp"/>

        </div>

        <!-- Footer --> 
        <s:include value="footer.jsp"/>


    </body>
</html>

